// pages/tabBar/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图
    swiper: {
      imgUrls: [
        '/images/banner/01.jpg'
      ],

      // 轮播图高度
      height: '200rpx',

      // 自动播放
      autoplay: true,

      // 自动切换时间间隔	
      interval: 5000,

      // 自动切换时间间隔	
      duration: 1000
    },

    // tab栏 头部标题
    tabs_title: [
      '后宫',
      '发现',
      '科普'
    ],

    // 猫榜排名图片
    cat_ranking: [
      '/images/search/01.jpg',
      '/images/search/01.jpg',
      '/images/search/01.jpg',
      '/images/search/01.jpg',
      '/images/search/01.jpg',
    ],

    // 用户发表的动态
    publish: [{
        id: 1,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 2,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 3,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 4,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 5,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 6,
        is_follow: false,
        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 7,
        is_follow: true,

        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },
      {
        id: 8,
        is_follow: true,

        // 是否收藏
        isHeart: false,
        user_logo: '/images/search/01.jpg',
        user_name: '李泽言',
        hobby: '爱小姐姐',
        article: '生骨肉四年',
        // 用户发表图片
        imgs: [
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg',
          '/images/search/01.jpg'
        ]
      },

    ],

    // tabs 标题 下边框样式开关
    topActive: 1,

    // 是否显示 心跳动画
    show_heart: false,

    // 科普信息
    science: [
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },{
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
      {
        // 科普类型
        science_cate: '医疗',
        science_img: '/images/banner/02.jpg',
        science_title: '猫的皮肤病--跳蚤过敏',
        science_article: '生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨生骨肉四年半，在你的监督下我变成了能随便就知道关节在哪 哪好剪，利落剪🐔的老阿姨'
      },
    ]


  }, // data end

  // 跳转到详情页
  gotoDetailPage: function () {
    wx.navigateTo({
      url: '/pages/about_index/detail/detail',
    })
  },

  // 心跳
  heart: function(e) {

    this.setData({
      show_heart: false
    })

    var id = e.target.id
    var publish = this.data.publish;
    var that = this;

    // 根据id 查找数组中元素
    publish.forEach((ele, i) => {

      if (ele.id == id) {

        // 已关注 用户想要取消关注
        if (ele.isHeart) {
          ele.isHeart = false

          this.setData({
            publish: publish,
          })

        } else {
          ele.isHeart = true;

          this.setData({
            publish: publish,
            show_heart: true
          })
        }
      }
    })
  },

  // 是否关注
  is_follow: function(e) {
    // 用户ID
    var id = e.target.id
    var publish = this.data.publish;
    var that = this;

    // 根据id 查找数组中元素
    publish.some((ele, i) => {

      if (ele.id == id) {

        // 已关注 用户想要取消关注
        if (ele.is_follow) {
          wx.showModal({
            content: '是否取消收藏 ' + ele.user_name,
            success: function(res) {
              if (res.confirm) {
                ele.is_follow = false
              }

              that.setData({
                publish: publish
              })

            }
          })
        } else {
          ele.is_follow = true;

          wx.showToast({
            title: '收藏成功',
            icon: 'success',
            duration: 1000
          })
          that.setData({
            publish: publish
          })

        }
      }
    })
  },

  // tab栏切换 点击 事件
  SwitchTabs: function(e) {
    this.setData({
      show_heart: false
      
    })

    var that = this;

    // 获取当前点击 toptab 的id
    var currId = e.currentTarget.dataset.id;

    this.setData({
      topActive: currId,
    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    // 查看是否授权
    wx.getSetting({
      success: function(res) {
        if (!res.authSetting['scope.userInfo']) {

          // 提示用户登录
          wx.showModal({
            title: '提示',
            content: '您还未登录，登录后可获得完整体验',
            confirmText: '一键登录',
            success: function(res) {
              if (res.confirm) {
                // 用户点击确定 跳转到登录页面
                wx.navigateTo({
                  url: '/pages/about_index/login/login',
                })
              }
            }
          })


        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})